$(function () {
   myAjax('/admin/user/detail', 'GET', null, function (res) {
      console.log(res);
      $('#username').val(res.data.username);
      $('#nickname').val(res.data.nickname);
      $('#email').val(res.data.email);
      $('#password').val(res.data.password);
      $('.user_pic').prop('src', res.data.userPic);
   })
   preview_upload();   // 上传图片预览
   saveUser();         // 修改账户信息
});

// 上传图片预览
function preview_upload() {
   $('#exampleInputFile').change(function () {
      // 用原生对象方法获取到该二进制文件的数据
      let file = this.files[0];
      // 创建一个本地URL, 本地访问二进制文件
      let url = URL.createObjectURL(file);
      // 将本地url 赋予该文件的兄弟 img的src属性
      $(this).parent().children('img').prop('src', url);
   })
}

// 修改账户信息
function saveUser() {
   $('#form').submit(function (e) {
      e.preventDefault();

      let formdata = new FormData();
      formdata.append('username', $('#username').val());
      formdata.append('nickname', $('#nickname').val());
      formdata.append('email', $('#email').val());
      formdata.append('password', $('#password').val());
      formdata.append('userPic', document.querySelector('#exampleInputFile').files[0]);

      myAjax('/admin/user/edit', 'post', formdata, function (res) {
         console.log(res);
         layer.msg(res.msg);
         setTimeout(() => {
            window.location = './article_list.html';
         }, 800);
      })
   })
}